<template include="./view/htm/my.common.template.htm">
	<slot name="my_nav">
		账户余额
	</slot>
	<slot name="my_body">
		<div class="" style="">
			<div class="row d-flex border-top border-bottom py-3" style="background-color: #f1c84c24" >
				<div class="col-6 d-flex" style="border-right: 1px solid #868e96">
					<div class="d-flex flex-column ">
						<div class="h5 mt-1">账户余额:<span class="h2 ml-2 mr-1" style="color: #ffd34f"><?php echo $user['rmbs'] ?></span>元</div>
						<div class="h5 mt-4 text-secondary">已用金额:<span class="h2 ml-2 mr-1 text-secondary">0</span>元</div>
					</div>
				</div>
				<div class="col-6 d-flex">
					<div class="d-flex flex-column pl-2">
						<div><button class="btn btn-primary m-1 mt-2">在线充值</button></div>
						<span class="text-secondary mt-2">您可以使用余额支付服务：</span>
						<span class="text-secondary">顶置服务   购买店铺</span>
					</div>
				</div>
			</div>

			<div class="row d-flex border-top border-bottom mt-4" style="background-color: #eff3ffb5 ">
				<span class="pl-2 my-1">最近20条记录</span>
			</div>

			<div class="row d-flex " style="border-spacing: 2px">
				<div class="row d-flex col-12 my-1 border-bottom">
					<div class="col-2">日期</div>
					<div class="col-6">详细</div>
					<div class="col-2">金额</div>
					<div class="col-2">余额</div>
				</div>
				<div class="row d-flex col-12 my-1 pb-2 border-bottom">
					<div class="col-2">2019/10/2</div>
					<div class="col-6">你猜</div>
					<div class="col-2">10元</div>
					<div class="col-2">2元</div>
				</div>
				<div class="row d-flex col-12 my-1 pb-2 border-bottom">
					<div class="col-2">2019/10/2</div>
					<div class="col-6">你猜</div>
					<div class="col-2">10元</div>
					<div class="col-2">2元</div>
				</div>
				<div class="row d-flex col-12 my-1 pb-2 border-bottom">
					<div class="col-2">2019/10/2</div>
					<div class="col-6">你猜</div>
					<div class="col-2">10元</div>
					<div class="col-2">2元</div>
				</div>
				<div class="row d-flex col-12 my-1 pb-2 border-bottom">
					<div class="col-2">2019/10/2</div>
					<div class="col-6">你猜</div>
					<div class="col-2">10元</div>
					<div class="col-2">2元</div>
				</div>
				<div class="row d-flex col-12 my-1 pb-2 border-bottom">
					<div class="col-2">2019/10/2</div>
					<div class="col-6">你猜</div>
					<div class="col-2">10元</div>
					<div class="col-2">2元</div>
				</div>
				<div class="row d-flex col-12 my-1 pb-2 border-bottom">
					<div class="col-2">2019/10/2</div>
					<div class="col-6">你猜</div>
					<div class="col-2">10元</div>
					<div class="col-2">2元</div>
				</div>
				
			</div>
		</div>
	</slot>
</template>

<script>
$('a[data-active="menu-rmbs"]').addClass('active');
</script>
